<template>
  <div class="bottomContainer">
    <el-row :gutter="10">
      <el-col :span="12"><SearchView></SearchView></el-col>
      <el-col :span="12"><RankView></RankView></el-col>
    </el-row>
  </div>
</template>

<script>
import RankView from "./components/RankView";
import SearchView from "./components/SearchView";

export default {
  name: "BottomView",
  components: {
    SearchView,
    RankView
  }
};
</script>

<style lang="scss" scoped>
.bottomContainer {
  margin-top: 20px;
}
</style>
